body, html .demo, p {
    padding: 0;
    margin: 0;
    overflow: hidden;
    font-size: 16px;
}

a,button,input,img{
    outline: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    -webkit-tap-highlight-color:transparent

}

ul {
    padding: 0;
    margin: 0;
}

.demo {
    height: 100%;
    width: 100%;
    display: none;
}

#disk {
    height: 100%;
    width: 100%;
    position: absolute;
}

#start {
    /*left: 39%;*/
    /*position: absolute;*/
    /*bottom: 33%;*/
    /*width: 200px;*/

    /*width: 200px; *!*/
    left: 38.2%;
    position: absolute;
    bottom: 29.7%;
    width: 22%;

}

#start img {
    cursor: pointer;
    /*position: absolute;*/
    /*bottom: -13%;*/
    width: 100%;
    /*left: 8%;*/
}

.sel-intro {
    position: absolute;
    width: 50%;
    height: 100px;
    bottom: 2.5%;
    left: 25%;
}

.intro {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
}

.intro img {
    width: 100%;;
}

.close {
    position: absolute;
    top: 11%;
    right: 8%;
    width: 65px;
    height: 65px;
}

.alert {
    position: relative;
    top: 27%;
    width: 100%;
}

.al-img {
    width: 100%;
    margin: 0 auto;
}

.al-img img {
    width: 100%;
}

.tishi {
    width: 100%;
    position: absolute;
    top: 28%;
    font-size: 2.1rem;
    font-family: "黑体";
    font-weight: bold;
    color: #fa0001;
    text-align: center;
}

.content {
    position: absolute;
    top: 45%;
    font-size: 1.3rem;
    text-align: center;
    /* font-family: "黑体"; */
    width: 100%;
    color: #7e0b00;
    font-weight: bolder;
}

.al-href {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-size: 1.2rem;
    /* font-family: "黑体"; */
    bottom: 15%;
    color: #511300;
    font-weight: bolder;
}

.p-list {
    position: absolute;
    height: 35px;
    text-align: center;
    top: 30.5%;
    font-size: 0.9rem;
    overflow: hidden;
    background-color: #fede5b;
    width: 80%;
    left: 10%;
    border-radius: 5px;
}

.p-list li {
    list-style: none;
    height: 35px;
    line-height: 35px;
    color: #7d7d7d;
}

.err-desc {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    font-size: 0.8rem;
    /* font-family: "黑体"; */
    bottom: 23%;
    color: #f4fe02;
    font-weight: bolder;
}

.error .success {
    display: none;
}

.err-href {
    width: 60%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    color: #f70000;
    background-color: #ffdc16;
    display: block;
    margin: 0 auto;
    border-radius: 5px;
    border: 2px solid #5b1903;
    position: absolute;
    bottom: 12%;
    text-decoration: underline;
    left: 20%;
}

.w-info {
    display: block;
    width: 70%;
    height: 45px;
    position: absolute;
    bottom: 3%;
    left: 15%;
}

.d-close {
    display: block;
    width: 70%;
    height: 65px;
    position: absolute;
    bottom: 10%;
    left: 15%;
}

.loading {
    width: 100%;
    height: 100%;
    position: relative;
}

.load {
    position: absolute;
    top: 40%;
    width: 100%;
    z-index: 5;
    left: 0%;
}

.load img {
    width: 100%;
}

.red {
    position: absolute;
    top: 43%;
    width: 35%;
    left: 0%;
    background-color: red;
    height: 60px;
    z-index: 3;
}

.ready {
    position: absolute;
    top: 53%;
    z-index: 6;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 0.9rem;
}


.prize {
    width: 100%;
    height: 100%;
}

.p-content {
    /*position: absolute;*/
    /*top: 21%;*/
    /*left: 17%;*/
    /*width: 65%;*/
    /*text-align: center;*/
}

.p-photo img {
    width: 80%;
    -webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left 140%, from(transparent), color-stop(0.5, transparent), to(white));
}

.p-title {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    color: #f8ff04;
    position: absolute;
    top: 22%;
    left: 17%;
    width: 65%;
    text-align: center;
}

.p-way {
    width: 70%;
    font-weight: bold;
    font-size: 0.95rem;
    position: absolute;
    bottom: 20%;
    left: 15%;
}
.p-way td{
    vertical-align: top;
}

.p-way td:first-child {
    text-align: right;
    vertical-align: top;
    width: 35%;
}
.p-photo{
    width: 70%;
    font-weight: bold;
    font-size: 0.95rem;
    position: absolute;
    bottom: 50%;
    left: 20%;
}

.p-photo .pimg1 {
    width: 80%;
    margin-top: 10%;
}

.p-photo .pimg2, .p-photo .pimg4 {
    width: 45%;
}

.p-photo .pimg5 {
    width: 90%;
}

.p-photo .pimg3 {
    width: 80%;
}

.p-sub {
    position: absolute;
    bottom: 14%;
    color: #ad0e00;
    font-weight: bold;
    display: block;
    width: 60%;
    left: 20%;
    height: 30px;
    line-height: 30px;
    background-color: #ffdc16;
    text-align: center;
    border-radius: 5px;
    border: 2px solid #5b1903;
}


ul {
    padding: 0;
    margin: 0;
}

select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #000;

    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;

    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("") no-repeat scroll right center transparent;

    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
    border: 0;
    font-size: 0.9rem;
    width: 90%;
    color: 7 d7d7d;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

input, select {
    border: 0;
    outline: none;
    font-size: 0.9rem;
    color: #7d7d7d;
}

.main {
    background: url('/images/info.jpg') 100% 100%;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    position: relative;
}

.title {
    top: 23%;
    position: relative;
    width: 100%;
}

.title p {
    font-size: 1rem;
    text-align: center;
    color: 480000;
    font-weight: 600;
}

.phone {
    margin-top: 6.5%;
    position: relative;
    width: 50%;
    margin-left: 31%;
    height: 4%;
    overflow-x: hidden;
}

.area {
    position: relative;
    margin-top: 6.5%;

}

.province {

    position: relative;
    width: 19%;
    height: 4%;
    overflow-x: hidden;
    float: left;
    margin-left: 31%;
}

.city {
    position: relative;
    width: 19%;
    height: 4%;
    overflow-x: hidden;
    float: left;
    margin-left: 13%;
}

.position {
    margin-top: 19%;
    position: relative;
    width: 54%;
    margin-left: 31%;
    height: 4%;
    overflow-x: hidden;
}

.type {
    margin-top: 7%;
    position: relative;
    width: 54%;
    margin-left: 31%;
    height: 4%;
    overflow-x: hidden;
}

.position select, .type select {
    width: 95%;
}

.time {
    margin-top: 6.5%;
    position: relative;
    width: 50%;
    margin-left: 31%;
    height: 4%;
    overflow-x: hidden;
}

.submit {
    margin-top: 10%;
    position: relative;
    width: 45%;
    margin-left: 25%;
    height: 9%;
    overflow-x: hidden;
}

@media screen and (max-width: 415px) {
    .name {
        margin-top: 44%;
        position: relative;
        width: 50%;
        margin-left: 31%;
        height: 4%;
        overflow-x: hidden;
    }

    .type {
        margin-top: 7.5%;
    }

    .time {
        margin-top: 7%;
    }
    .position{
        margin-top: 19.5%;
    }
}

@media screen and (max-width: 376px) {
    .name {
        margin-top: 43%;
        position: relative;
        width: 50%;
        margin-left: 31%;
        height: 4%;
        overflow-x: hidden;
    }

    .phone {
        margin-top: 6.5%;
    }

}

@media screen and (max-width: 321px) {
    .name {
        margin-top: 41%;
        position: relative;
        width: 50%;
        margin-left: 31%;
        height: 4%;
        overflow-x: hidden;
    }

    .phone {
        margin-top: 6.5%;
    }

    .time {
        margin-top: 6.5%;
    }
}

.info-error {
    position: relative;
    bottom: 55%;
    text-align: center;
    display: none;
}

.info-error img {
    width: 70%;
}

.info-error p {
    font-size: 1.5rem;
    position: absolute;
    top: 35%;
    text-align: center;
    width: 100%;
    color: #fff100;
}

.in-close {
    position: absolute;
    top: 3%;
    width: 60px;
    height: 60px;
    left: 65%;
}